<template>
  <div>
      <el-row class="left-side-2">
        <el-form ref="form" :model="form" label-width="3rem" >
          <el-row>
            <el-col :span="24">
              <el-form-item label="批次">
                <label><span>{{ form.batch}}</span></label>
              </el-form-item>
              <el-form-item label="来源单位">
                <!--          disabled :rows="2"-->
                <label><span>{{ form.sourceUnit}}</span></label>
              </el-form-item>
              <el-form-item label="品名">
                <label><span>{{ form.itemName}}</span></label>
              </el-form-item>
              <el-form-item label="数量">
                <label><span>{{ form.amount}}</span></label>
              </el-form-item>
              <el-form-item label="估值">
                <label><span>{{ form.valuation}}</span></label>
              </el-form-item>
              <el-form-item label="时间">
                <label><span>{{ form.time}}</span></label>
              </el-form-item>
            </el-col>

<!--            <el-col :span="12">-->
              <!--                <el-form-item label="作业ID">-->
              <!--                  <label><span>{{ form.jobId}}</span></label>-->
              <!--                </el-form-item>-->
              <!--                <el-form-item label="机器IDS">-->
              <!--                  <label><span>{{ form.robotIds}}</span></label>-->
              <!--                </el-form-item>-->
              <!--                <el-form-item label="预测图片">-->
              <!--                  &lt;!&ndash;图片点击后预览&ndash;&gt;-->
              <!--                  <el-image-viewer-->
              <!--                    v-if="showViewer"-->
              <!--                    :on-close="closeViewer"-->
              <!--                    :url-list="[form.predictImage]" />-->
              <!--                  <img onerror="this.src='https://img0.baidu.com/it/u=2636536621,699606172&fm=26&fmt=auto'" :src="form.predictImage"  @click="onPreview" style="width:15rem;height:5rem">-->
              <!--                </el-form-item>-->

              <!--                <el-form-item label="实际图片">-->
              <!--                  &lt;!&ndash;图片点击后预览&ndash;&gt;-->
              <!--                  <el-image-viewer-->
              <!--                    v-if="showRealityViewer"-->
              <!--                    :on-close="closeRealityViewer"-->
              <!--                    :url-list="[form.realityImage]" />-->
              <!--                  <img onerror="this.src='https://img0.baidu.com/it/u=2636536621,699606172&fm=26&fmt=auto'" :src="form.realityImage" @click="onRealityPreview" style="width:15rem;height:5rem">-->
              <!--                </el-form-item>-->
<!--            </el-col>-->
          </el-row>
        </el-form>
      </el-row>
  </div>
</template>

<script>
export default {
  name: "SuppliesDetail",
  data(){
    return{
      form: {
        batch: '2/5批次',
        sourceUnit: '以岭药业',
        itemName: '连花清瘟',
        amount: '6000万',
        valuation: '6亿',
        time: '2022-2-3'
      }
    }
  },
  methods: {
  //   onSubmit () {
  //     console.log('submit!')
  //   },
  //   onPreview() {
  //     this.showViewer = true
  //   },
  //   onRealityPreview(){
  //     this.showRealityViewer = true
  //   },
  //   // 关闭查看器
  //   closeViewer() {
  //     this.showViewer = false
  //   },
  //   closeRealityViewer() {
  //     this.showRealityViewer = false
  //   },
    getData(taskId){
      // this.$http.get('payment/get/'+taskId).then(response => {
      //
      //   var data = response.data
      //   console.log("data:"+JSON.stringify(data))
      //   if (data.code == 200) {
      //     let item = data.data;
      //     console.log("item:"+JSON.stringify(item))
      //     this.form.id = item.id;
      //     this.form.serial = item.serial;
      //
      //     //let items = data.data.rows;
      //   } else {
      //     console.log('失败')
      //   }
      // })
    },
  },
  created() {
    this.getData(1)
    // eventBus.$on("getTableRowData", rowData => {
    //   rowData[1]=1;
    //   this.getData(rowData[1]);
    // });
  }
}
</script>

<style scoped>
.left-side-2 {
  padding-top: 5rem;
  height: 32rem;
}
</style>
